
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./templates/template_acheteur.xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">
        <f:view>
            <c:if test="${userBean.acheteurConnected == false}">
                Veuillez vous connecter pour accéder à cette partie
            </c:if>
            <c:if test="${userBean.acheteurConnected == true}">
                <h:form>
                    <h1><h:outputText value="Profil de #{userBean.vendeurProfil.prenom} #{userBean.vendeurProfil.nom}"/></h1>
                    <h:panelGrid columns="4" style="width: 800px; margin-left: auto; margin-right: auto;">
                        <h:outputText value="Nom du magasin:"/>
                        <h:outputText value="#{userBean.vendeurProfil.magasin.nom}" title="Magasin"/>
                        <h:outputText value="Adresse:"/>
                        <h:outputText value="#{userBean.vendeurProfil.adresse}" title="Adresse"/>
                        <h:outputText value="Description:"/>
                        <h:outputText value="#{userBean.vendeurProfil.magasin.description}" title="Description"/>             
                        <h:outputText value="Distance : "/>
                        <h:outputText value="#{userBean.getDistanceFromVendeur(userBean.vendeurProfil.adresse, userBean.acheteurConnecte.adresse)} km" title="Distance" />
                    </h:panelGrid>
                </h:form>
                <br/>
                <script type='text/javascript'> loadScript(); </script>
                #{userBean.afficherMap()}
                <br/><br/>
                <h1><h:outputText value="Ses produits"/></h1>
                <p:dataTable value="#{userBean.vendeurProfil.magasin.produits}" var="val" style="width: 800px; margin-left: auto; margin-right: auto;">
                    <p:column headerText="Nom" style="width: 180px; text-align: center;">
                        <h:outputText value="#{val.nom}"/>
                    </p:column>
                    <p:column headerText="Description">
                        <h:outputText value="#{val.description}"/>
                    </p:column>
                    <p:column headerText="Catégorie" style="width: 160px; text-align: center;">
                        <h:outputText value="#{val.categorie}"/>
                    </p:column>
                    <p:column sortBy="#{val.prix}" headerText="Prix" style="width: 120px; text-align: center;">
                        <h:outputText value="#{val.prix} €"/>
                    </p:column>
                    <p:column headerText="E-Mall" style="width: 100px; text-align: center;" >
                        <h:form id="formpanier">
                            <h:commandLink action="#{magasinBean.goToPanier(val)}" value="Ajouter" ></h:commandLink>
                        </h:form>
                    </p:column>
                </p:dataTable>
            </c:if>
        </f:view>
    </ui:define>
</ui:composition>
